<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <base href="#(basePath)"/>
    <title>上传PDF合同</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="static/layui/css/layui.css" media="all">
</head>
<body>
<div class="layui-fluid">
    <div class="layui-card" style="margin-top:14px;">
        <form class="layui-form layui-form-pane">
            <div class="layui-form-item" pane>
                <label class="layui-form-label">合同文件PDF</label>
                <div class="layui-input-block">
                    <button type="button" class="layui-btn layui-btn-primary" id="payfile"><i class="layui-icon">&#xe67c;</i>选择文件PDF</button>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">合同标题</label>
                <div class="layui-input-block">
                    <input type="text" name="title" id="title" minlength="1" maxlength="60" required lay-verify="title" placeholder="合同标题" size="30" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">合同关键字</label>
                <div class="layui-input-block">
                    <input type="text" name="keyword" id="keyword" minlength="1"  maxlength="60" required lay-verify="keyword" placeholder="合同关键字" size="30" autocomplete="off" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
            <div style="font-size: 20px" class="layui-inline">合同关键字作用:(法大大按此关键字进
                行签章位置的定位，将电子章盖在这个
                关键字上面。凡出现关键字的地方均会
                盖上指定用户的电子章，建议关键字在
                合同中保持唯一。)</div>
            </div>

            <div class="layui-form-item">
                <button type="button" class="layui-btn" id="submitBtn">添加</button>
            </div>
        </form>
    </div>
</div>
<script src="static/layui/layui.js"></script>
<script>
    layui.config({
        base: '#(basePath)' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index','form', 'upload'], function(){
        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
        var form = layui.form;
        var upload = layui.upload;


        //自定义验证规则  
        form.verify({
            title: ['', "不能为空"],
            keyword: [/^1\d{10}$/, "请输入正确的keyword"]
        });

        //执行实例
        var uploadInst = upload.render({
            elem: '#payfile' 												// 绑定元素
            ,url: '#(basePath)admin/hetong/batchHetong'	// 上传接口
            //,field:''															// 设定文件域的字段名
            ,data: {title: function(){ return layui.$('#title').val();}, keyword: function(){return  layui.$('#keyword').val();}}	// 请求上传接口的额外参数
            ,accept: "file"// 指定允许上传时校验的文件类型，可选值有：images（图片）、file（所有文件）、video（视频）、audio（音频）
            ,acceptMime:"file/pdf" //
            ,exts:"pdf" //
            ,auto: false	// 是否选完文件后自动上传。如果设定 false，那么需要设置 bindAction 参数来指向一个其它按钮提交上传
            ,bindAction:'#submitBtn'// 指向一个按钮触发上传，一般配合 auto: false 来使用。值为选择器或DOM对象，如：bindAction: '#btn'
            ,done: function(res){
                console.log(res);
                //上传完毕回调
                if(res.code == 0){
                    parent.layer.msg(res.msg, {icon:1});
                    parent.layui.$("#LAY_app_body > div.layui-show iframe").get()[0].contentWindow.layui.table.reload('LAY-web-list'); //重载表格
                    parent.layer.close(index); //再执行关闭
                }else{
                    parent.layer.msg(res.msg, {icon:2});
                }
            }
            ,error: function(){
                //请求异常回调
                parent.layer.msg("出错了", {icon:2});
            }
        });
    })
</script>
</body>
</html>
